<template>
  <div class="forget-password-view">
    <forget-password class="forget-password"></forget-password>
  </div>
</template>

<script>
import ForgetPassword from '@/components/account/ForgetPassword'

export default {
  name: 'ForgetPasswordView',
  components: {
    ForgetPassword
  }
}
</script>

<style scoped>
  .forget-password-view{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-basis: auto;
  }
.forget-password{
  margin-top: 3%;
  padding: 3% 7%;
  width: 20%;
  background: #f1f5ff;
  border-radius: 2rem;
  min-width: 20rem;
  box-shadow: 0.5rem 0.5rem  1rem rgba(0, 0, 33, 0.1),-0.5rem -0.5rem 1rem rgba(255, 255, 255, 1);
}
</style>
